<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #container {
      width: 800px;
      height: 500px;
    }
    #sullivan-container {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: 100%;
      padding: 10px;
      background: #eee;
      margin: 10px;
    }

    .sullivan-container-wrap {
      border: 1px solid #ccc;
    }
    .sullivan-active {
      border: 1px solid #fb0c14;
    }
  </style>
  <script src="assets/jquery.js"></script>
</head>
<body>
<div id="container">
  <div id="sullivan-container"></div>
</div>
<script>
  // http://localhost:7899/basics-main/system/projectArea/list
/*fetch('http://192.168.1.100:9098/basics-main/system/projectArea/list', {
  mode: 'no-cors',
  headers: {
    'Accept': '*!/!*',
    'Content-Type': 'application/json',
    // 'Accept-Encoding': 'gzip, deflate',
    'Connection': 'keep-alive',
    'X-Content-Type-Options': 'nosniff',
    'X-Xss-Protection': '1',
  }
}).then(res => {
  console.log(res);
  return res.json()
})*//*.then(res => {
  console.log(res);
  const result = JSON.parse(res);
  return result.result.rows.map(item => Object.assign(item, {
    title: item.projectAreaName
  }));
})*/

  async function qignqiu() {
    const response = await fetch('http://192.168.1.100:9098/basics-main/system/projectArea/list'/*, {
      mode: 'no-cors',
      /!*headers: {
        'Accept': '*!/!*',
        'Content-Type': 'application/json',
        // 'Accept-Encoding': 'gzip, deflate',
        'Connection': 'keep-alive',
        'X-Content-Type-Options': 'nosniff',
        'X-Xss-Protection': '1',
      }*!/
    }*/);
    console.log(response);
    const movies = await response.json();
    console.log(movies)
  }

  qignqiu().then(movies => {
    console.log(movies); // fetched movies
  });
</script>
</body>
</html>